<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style type="text/css">
ul{margin: 0;padding: 0;}
li{list-style: }

</style>
<body>
	<!-- <div style="position:fixed;height: 50px;"></div>
	<div style="height: 300px; margin"></div>
 -->
 <!-- 相对定位 溢出隐藏
  -->
 <div id="banner">//
	<ul></ul>
 </div>
</body>
<script type="text/javascript">
/*
scrollTo(x,y)
scrollTo({left:x,top:y,behavior:"smooth"})//auto instant
递增的值+或-(越来越大的值、越来越小的值)缓动
a+=(b+a)/6
a+=b
fised:导航条固定的定位
offsetTop:元素最外层-文档  padding-top:40px;
以上昨天的回顾
--------------------------------------------------------
轮播图需求：
1.动态生成轮播图列表
--创建数组
--将数组的元素变成列表的每一项
2.每个？事件播放一次
--setTimeout  时间间隔0
--setInterval  动画
--找到当前现实的图片，下一张图片
----当前显示：根据class=curr获取
----下一张：当前显示的图片索引，索引+1，
3.鼠标放在图片上，停止播放，移开，开始播放
4.点击左右按钮，获取播放方式




 剧毒·隐之牙:

 夜之眼
*/
/*
动态添加列表：
--for循环中动态创建li标签，appendChild
--var str="";
	for(){
		str+="<li></li>"
	}
	ul.innerHTML = str
--arr.reduce(function(a,b){
	//a:每次求和之后的值
	return a+b;//a+"<li><a href='+链接地址+'><img src='+b.src+'</a></li>"
},"")//第二个参数"",代表求和之前的初始值1

求和
	var sum =0;
	for(var i=1;i<=100;i++){
		sum+=1;
	}
	console.log();


sum =0;
for(var i = 1;i<=10;i++){
	sum+=1;
}

reduce：数组求和的方法，返回所有元素的和
--参数1：
return(a,b){
//a:每次求和的结果，没计算之前，a是初始值
//return a+b之后，结果为下一个遍历的a
	return a+b
}
//b:数组的每一项，b可以进行操作
--参数2：初始值，数字：0 , 字符串:""

arr.reduce(function(a,b){
	return a+b
},100)
 */

</script>
</html>